<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      function fn() {
        let sales = [
          { name: '小明', age: 18, gender: '男', money: 30, status: 0 },
          { name: '小红', age: 26, gender: '女', money: 99, status: 3 },
          { name: '小刚', age: 19, gender: '男', money: 88, status: 2 },
          { name: '小丽', age: 20, gender: '女', money: 67, status: 1 },
          { name: '晓强', age: 23, gender: '女', money: 77, status: 1 },
          { name: '小张', age: 25, gender: '女', money: 80, status: 2 },
        ]
        sales.sort(function (a, b) {
          return b.money - a.money
        })

        let html = `<table>
          <thead>
            <tr>
              <th>姓名</th>
              <th>年龄</th>
              <th>性别</th>
              <th>销售金额（万元）</th>
              <th>销售状态</th>
            </tr>
            </thead>
            <tbody>`
        for (i = 0; i < sales.length; i++) {
          switch (sales[i].status) {
            case 0:
              sales[i].status = '未及格'
              break
            case 1:
              sales[i].status = '及格'
              break
            case 2:
              sales[i].status = '良好'
              break
            case 3:
              sales[i].status = '优秀'
              break
            default:
              break
          }
          html += `<tr>
              <td> ${sales[i].name} </td>
              <td> ${sales[i].age}</td>
              <td> ${sales[i].gender}</td>
              <td> ${sales[i].money}w </td>
              <td>${sales[i].status}</td>
            </tr>`
        }
        html += `</tbody></table>`

        document.write(html)
      }

      fn()
    </script>
  </body>
</html>
